import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/Home',
      name: 'Home',
      component: () => import('../components/Home.vue'),
      redirect:'/Home/unfinished',
      children:[
        {
          path: '/Home/unfinished',
          name: 'unfinished',
          component: () => import('../components/unfinished.vue')
        },
        {
          path: '/Home/finished',
          name: 'finished',
          component: () => import('../components/finished.vue')
        }
      ]
    }
    // {
    //   path: '/',
    //   redirect: '/login',
    //   hidden:true,
    //   children:[
    //     {
    //       path: '/Home',
    //       name: 'Home',
    //       component: () => import('../components/Home.vue'),
    //       redirect:'/Home/unfinished',
    //       children:[
    //         {
    //           path: '/Home/unfinished',
    //           name: 'unfinished',
    //           component: () => import('../components/unfinished.vue')
    //         },
    //         {
    //           path: '/Home/finished',
    //           name: 'finished',
    //           component: () => import('../components/finished.vue')
    //         }
    //       ]
    //     },
    //   ]
    // }
    // TODO: route path for register and login
    // {
    //   path: '/logIn',
    //   name: 'logIn',
    //   component: () => import('../components/logIn.vue')
    // },
    // {
    //   path: '/register',
    //   name: 'register',
    //   component: () => import('../components/register.vue')
    // },
  ]
})
